<template>
  <div class="titleContainer">
    <div class="title">{{ title }}</div>
    <div class="subtitle">{{ subtitle }}</div>
  </div>
</template>
<script setup>
//接收从父组件传输过来的数据
defineProps({
  title: {
    type: String,
    default: "我是标题",
  },
  subtitle: {
    type: String,
    default: "我是子标题",
  },
});
</script>
<style scoped lang="less">
.titleContainer {
  margin: 0 auto;
  width: 1032px;
  margin-bottom: 20px;
  .title {
    margin: 0 auto;
    font-weight: 700;
    margin-bottom: 10px;
  }
}
</style>